@import "~antd/lib/style/themes/default.less";

html,
body,
#root {
	height: 100%;
	min-width: 1200px;
}

.colorWeak {
	filter: invert(80%);
}

.ant-layout {
	min-height: 100vh;
	background: #F3F3F3 !important;
}

canvas {
	display: block;
}

body {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.globalSpin {
	width: 100%;
	margin: 40px 0 !important;
}

ul,
ol {
	list-style: none;
}

@media (max-width: @screen-xs) {
	.ant-table {
		width: 100%;
		overflow-x: auto;

		&-thead>tr,
		&-tbody>tr {

			>th,
			>td {
				white-space: pre;

				>span {
					display: block;
				}
			}
		}
	}
}

:global {
	.modelZdy {
		.ant-modal-title {
			font-weight: 600;
		}

		.ant-drawer-title {
			font-size: 14px;
			font-family: PingFang SC;
			font-weight: bold;
			color: #333333;
		}
	}

	.antZdy {
		.ant-form-item-control {
			line-height: 0px;
		}
	}

	.tableyc {
		.ant-spin-nested-loading {
			overflow-x: hidden;
		}
	}

	.modalovel {
		.ant-modal-body {
			max-height: 800px;
			overflow-x: hidden;
			overflow-y: scroll;
		}
	}

	.paddLeft {
		.ant-card-body {
			padding: 24px 10px;
		}
	}

	.editor {
		.ant-form-item-control {
			z-index: 1;
			line-height: unset;
		}
	}

	.zxc {
		.ant-form-item-control {
			line-height: 0px;
		}
	}

	.listZdys {
		.ant-list-bordered .ant-list-item {
			display: block;
			overflow: hidden;
			word-break: keep-all;
			white-space: nowrap;
			text-overflow: ellipsis;
		}

		.ant-table-thead>tr>th,
		.ant-table-tbody>tr>td {
			padding: 16px 8px;
		}

		.ant-spin-container {
			height: 603px;
			overflow-x: hidden;
			overflow-y: scroll;
		}

		.ant-table-placeholder {
			height: 546px;
		}

		.ant-spin-container::-webkit-scrollbar {
			display: none;
		}
	}

	.listZdy {
		.ant-list-bordered .ant-list-item {
			display: block;
			overflow: hidden;
			word-break: keep-all;
			white-space: nowrap;
			text-overflow: ellipsis;
		}

		.ant-table-thead>tr>th,
		.ant-table-tbody>tr>td {
			padding: 16px 10px;
		}

		.ant-spin-container {
			height: 603px;
			overflow-x: hidden;
			overflow-y: scroll;
		}

		.ant-table-placeholder {
			height: 546px;
		}

		.ant-spin-container::-webkit-scrollbar {
			display: none;
		}
	}

	.cardpadding {
		.ant-card-wider-padding .ant-card-body {
			padding: 20px 32px;
		}
	}

	.zdyButtonQk {
		.ant-btn-primary {
			background-color: #f3f3f3;
			border-color: #ececec;
			color: #3f4959;
			font-weight: 600;
		}
	}

	.zdyTable {
		.ant-table-thead>tr>th {
			font-weight: 600;
			color: #4b5475;
		}
	}

	.buttonYs {

		.ant-btn:hover,
		.ant-btn:focus {}

		.ant-btn {
			font-weight: 600;
		}
	}

	.zdyButtonA {}

	.zdyButtonB {
		.ant-btn-primary {
			background-color: #6d7294;
			border-color: #6d7294;
		}
	}

	.zdyButtonC {
		.ant-btn-primary {
			background-color: #5ea7ec;
			border-color: #5ea7ec;
		}
	}

	.zdyButtonD {
		.ant-btn-primary {
			background-color: #ffad01;
			border-color: #ffad01;
		}
	}

	.zdyButtonG {
		.ant-btn-primary {
			background-color: #1abc9c;
			border-color: #1abc9c;
		}
	}

	.zdyButtonZ {
		.ant-btn-primary {
			background-color: #0096ff;
			border-color: #0096ff;
		}
	}

	.tablePx {}

	.radioYs {
		.ant-radio-group {
			font-weight: 600;
		}
	}

	.ant-transfer-customize-list {
		.ant-transfer-list-body-customize-wrapper {
			padding: 0;
		}
	}

	.table {
		border-top: 1px solid #ced9ee;
		padding: 19px;
	}

	.table .ant-table-scroll {
		overflow-x: scroll !important;
	}

	.table .ant-table-body::-webkit-scrollbar {
		width: 16px;
		height: 10px;
		background: #f5f5f5;
		border-radius: 10px;
	}

	.table .ant-table-body::-webkit-scrollbar-thumb {
		background: #6e6e6e;
		border-radius: 10px;
	}

	.ant-menu-vertical .ant-menu-item::after,
	.ant-menu-vertical-left .ant-menu-item::after,
	.ant-menu-vertical-right .ant-menu-item::after,
	.ant-menu-inline .ant-menu-item::after {
		border-right: 0 !important;
	}

	.ant-menu-item a:hover,
	.ant-menu-submenu-selected {
		color: #3e5bff !important;
	}

	.antd-pro-components-sider-menu-index-sider.antd-pro-components-sider-menu-index-fixSiderBar {
		box-shadow: none !important;
	}
}

.channelSetting {
	.ant-menu-submenu-title {
		padding: 0 !important;
		text-align: left;
	}
}

.answerCardUploader {
	width: 112px !important;

	.ant-upload.ant-upload-select-picture-card {
		margin: 0;
	}
}

.answerShow {
	.ant-collapse-content-box {
		padding: 0 !important;
	}

	:global {
		.ant-collapse-extra {
			position: absolute;
			top: 50%;
			right: 15px;
			transform: translateY(-50%);
		}

		.ant-collapse-header {
			padding-right: 65px !important;
		}
	}

	.referStyle {
		:global {
			.ant-collapse-content-box {
				position: relative;
			}
		}

		.referTitle {
			position: absolute;
			top: 0;
			width: 100%;
			left: 0;
			background: #F8F9FE;
			padding: 5px 16px;
		}
	}
}

.rowBg {
	background: #F5F7FA;
}

:global .queryQa {
	.ant-modal-content {
		border-radius: 10px;
	}

	.ant-modal-header {
		border-radius: 10px 10px 0 0;
	}

	.ant-modal-title {
		font-size: 15px;
		font-family: PingFang SC;
		font-weight: 500;
		color: #000000;
	}
}

.qaAnswer {
	:global {
		.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
			background: #3E5BFF;
			color: #ffffff;
			border-bottom: 0;
		}

		.ant-input:focus {
			box-shadow: none;
		}
	}
}

.referAnswerStyle,
.updateAnswer,
.referModal {
	:global {
		.ant-modal-content {
			border-radius: 10px;
		}

		.ant-modal-header {
			border-radius: 10px 10px 0 0;
		}
	}
}

.appSelect {
	:global {
		.ant-select-selection--multiple .ant-select-selection__choice {
			font-size: 14px;
			font-family: PingFang SC;
			font-weight: 400;
			color: #663300;
			background: #FFE5CC;
			border-radius: 12px;
			border: 0;
			min-width: 88px;
		}
	}
}

.tagSelect {
	:global {
		.ant-select-selection--multiple .ant-select-selection__choice {
			font-size: 14px;
			font-family: PingFang SC;
			font-weight: 400;
			color: #000000;
			background: #DCE6FA;
			border-radius: 12px;
			text-align: center;
			border: 0;
			min-width: 88px;
		}
	}
}

.slotSelect {
	:global {
		.ant-select-selection--multiple .ant-select-selection__choice {
			font-size: 14px;
			font-family: PingFang SC;
			font-weight: 400;
			color: #3E5BFF;
			background: #F5F7FF;
			border: 1px solid #D6E0FF;
			border-radius: 12px;
			min-width: 88px;
		}
	}
}

.knowledgeTree {
	:global {
		.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
			background: rgba(43, 71, 230, 0.12);
		}
	}
}

.ant-tree.ant-tree-directory>li.ant-tree-treenode-selected>span.ant-tree-node-content-wrapper::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree>li.ant-tree-treenode-selected>span.ant-tree-node-content-wrapper::before {
	background: rgba(43, 71, 230, 0.12) !important;

}

.ant-tree.ant-tree-directory>li span.ant-tree-node-content-wrapper.ant-tree-node-selected,
.ant-tree.ant-tree-directory .ant-tree-child-tree>li span.ant-tree-node-content-wrapper.ant-tree-node-selected {
	color: rgba(0, 0, 0, 0.65) !important;
}

.ant-tree.ant-tree-directory>li.ant-tree-treenode-selected>span.ant-tree-switcher,
.ant-tree.ant-tree-directory .ant-tree-child-tree>li.ant-tree-treenode-selected>span.ant-tree-switcher {
	color: unset !important;
}

.ant-message {
	z-index: 10000;
}

.public-DraftEditor-content {
	h1 {
		font-size: 28px;
	}

	h2 {
		font-size: 24px;
	}

	h3 {
		font-size: 20px;
	}

	h4 {
		font-size: 16px;
	}

	h5 {
		font-size: 14px;
	}

	h6 {
		font-size: 12px;
	}
}

:global {
	.ant-drawer-header {
		background: #F7F9FD !important;
		border: 0 !important;
	}

	.ant-drawer-title {
		font-size: 14px !important;
		font-family: PingFang SC !important;
		font-weight: bold !important;
		color: #333333 !important;
	}
}

:global {
	.codeStyle {

		.avatar-uploader,
		.ant-upload {
			width: 100%;
			height: 100%;
			text-align: center;
			line-height: 120px;
			display: inline-block;
		}
	}
}

.defaultRowClass {
	background: #e8e8e8;
}

.languageForm {
	:global {
		.ant-form-item-label {
			width: 110px;
		}
	}
}

@media screen and (max-width: 1024px) {

	html,
	body,
	#root {
		min-width: unset !important;
	}
}

.jspreadsheetBox {
	:global {
		.jcontextmenu>div::before {
			content: '';
		}
	}
}

.sketch-picker input {
	width: 100% !important;
	line-height: 16px;
}

.ProseMirror-editor {
	&.ProseMirror {
		outline: none;
		border: 1px solid #D9D9D9;
		border-radius: 4px;
		padding: 5px 10px;
		line-height: 27px;
		max-height: 200px;
		overflow: auto;
	}

	&.ProseMirror p {
		margin-bottom: 12px;
	}

	.editor-input {
		background: rgba(36, 84, 255, 0.1);
		border: 1px solid #d9eaf1;
		border-radius: 5px;
		box-shadow: none;
		padding: 2px 5px 2px 2px;
		outline: none;

		&:hover {
			background: rgba(36, 84, 255, 0.2);
			border: 0px;
			margin: 0px;
			padding: 3px;
			border-radius: 4px;
			// outline: rgb(36, 84, 255) solid 1px;
			box-shadow: none;
		}
	}

	.has-focus .editor-input {
		background: #FFF;
		color: #000000A6;
		border: 0px;
		margin: 0px;
		padding: 3px;
		border-radius: 4px;
		outline: rgb(36, 84, 255) solid 1px;
		box-shadow: none;
	}
}

.editable-cell {
	position: relative;
}

.editable-cell-value-wrap {
	padding: 5px 12px;
	cursor: pointer;
}

.editable-cell-value-wrap span {
	position: absolute;
    right: -47px;
    top: 7px;
    display: flex;
    gap: 6px;
}

.editable-row:hover .editable-cell-value-wrap {
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	padding: 4px 11px;
}

.editable-row:hover .editable-cell-value-wrap span {
	position: absolute;
    right: -48px;
    top: 6px;
    display: flex;
    gap: 6px;
}

.topOptionBox{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  &-right{
    flex-shrink: 0;
  }
}

.knowledgeFileDropDown{
  .ant-dropdown-menu{
    padding: 4px;
    .ant-dropdown-menu-item, .ant-dropdown-menu-submenu-title{
      padding: 0;
      display: flex;
      align-items: center;
      width: 100%;
      height: 32px;
      border-radius:6px;
      svg {
        margin: 0px 10px 0px 12px;
        color: #646a73;
      }
      .nameTag{
        margin-left: 4px;
        cursor: pointer;
        background-color: rgba(20, 86, 240, 0.2);;
        color: #1456f0;
        font-size: 10px;
        flex-shrink: 0;
        padding: 0 4px;
        height: 16px;
        line-height: 16px;
        border-radius: 4px;
      }
    }
    .ant-dropdown-menu-item:hover, .ant-dropdown-menu-submenu-title:hover{
      background-color: rgba(31, 35, 41, 0.08);
    }
    .library-search{
      justify-content: space-between;
      padding: 0 12px;
    }
  }
}

.tableSortIcon{
  width: 16px;
  cursor: pointer;
}

.configuration {
  .ant-form-item-control-wrapper,.ant-form-item-label{
    vertical-align: middle !important;
  }
}

.workOrderReplayForm{
	.ant-form-item label{
		white-space: normal;
	}
  .ant-form-item-label{
    width: 82px;
  }
  .ant-col-sm-20{
    width: calc(100% - 82px);
  }
  .labelLong{
	.ant-form-item label{
		white-space: normal;
	}
    .ant-form-item-label{
      width: 110px;
    }
    .ant-col-sm-20{
      width: calc(100% - 110px);
    }
  }
}

.fileCheckTree{
  :global{
    .ant-tree li .ant-tree-node-content-wrapper{
      width: 250px;
    }
  }
}

.normalForm{
  .ant-form-item-control{
    line-height: 40px !important;
  }
  .ant-form-item-label{
    white-space: pre-wrap;
    line-height: unset;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}

.business-readonly{
  .ant-tabs-tab-active{
    background: #ffffff !important;
  }
  .ant-tabs-tab{
    width: unset !important;
  }
}
.ant-menu-item{
	height: auto !important;
	a span{
		display: inline-block;
		width: 100%;
		white-space: normal;
	}
}
.ant-menu-vertical span{
	display: none !important;
}